/********************************
100. Lay-out: grid styles flexbox
********************************/


/********************************
101.a Grid container (row)
********************************/

[class^="col_d"]
.row {
	/* background-color: yellow; */
	/*! height: 100%; */
}




.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	row-gap: 2rem;
	column-gap: 2%;
}

.row.collapse {
	column-gap: 0rem;
	row-gap: 0rem;
}

.row[class*="banner"], [class*="col_"] .row {
	width: 100%;
}

.row+.row, .row+section, section+.row {
   /* margin-top: 4rem; */
}

main > section .row+.row {
margin-top: 4rem;
}

/********************************
105. Columns (flex-box)
********************************/

/********************************
105.a Columns
********************************/

.row.square [class*="col_"] .inner_content,
[class*="col_"].square .inner_content
{
	padding-bottom: 100%;
	height: 0px;
}

.row.square [class*="col_"] .overlay,
[class*="col_"].square .overlay
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5%;
}



/********************************
105.b Small / Mobile Screen (max-width: 425px)
********************************/
@media (max-width: 425px) {
	/* For mobile phones: */
	[class*="col_"], .el-masonry {
		width: 100%;
	}
	
	section [class*="col_"] {
		margin-bottom: 2rem;
	}
	
	section [class*="col_"]:last-of-type {
		margin-bottom: 0rem;
	}
	
	/***** column widths columns *****/	
	.col_xs_1 {
		width: calc((100% - 11*2%)/12);
	}
	
	.row.square .col_xs_1 {
		height: calc((100% - 11*2%)/12);
	}
	
	.col_xs_2 {
		width: calc((100% - 5*2%)/6);
	}
	
	.row.square .col_xs_2 {
		height: calc((100% - 5*2%)/6);
	}
	
	.col_xs_3 {
		width: calc((100% - 3*2%)/4);
	}
	
	.row.square .col_xs_3 {
		height: calc((100% - 3*2%)/4);
	}
	
	.col_xs_4 {
		width: calc((100% - 2*2%)/3);
	}
	
	.row.square .col_xs_4 {
		height: calc((100% - 2*2%)/3);
	}
	
	.col_xs_5 {
		width: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.row.square .col_xs_5 {
		height: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.col_xs_6 {
		width: calc((100% - 1*2%)/2);	
	}
	
	.row.square .col_xs_6 {
		height: calc((100% - 1*2%)/2);	
	}
	
	.col_xs_7 {
		width: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.row.square .col_xs_7 {
		height: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.col_xs_8 {
		width: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.row.square .col_xs_8 {
		height: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.col_xs_9 {
		width: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.row.square .col_xs_9 {
		height: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.col_xs_10 {
		width: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.row.square .col_xs_10 {
		height: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.col_xs_11 {
		width: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.row.square .col_xs_11 {
		height: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.col_xs_12 {
		width: 100%;	
	}
	
	.row.square .col_xs_12 {
		height: 100%;	
	}
	
	/***** column widths collapsed columns *****/		
	
	.row.collapse .col_xs_1 {
		width: calc(100%/12);
	}
	
	.row.collapse .col_xs_2 {
		width: calc(100%/6);
	}
	
	.row.collapse .col_xs_3 {
		width: calc(100%/4);
	}
	
	
	.row.collapse .col_xs_4 {
		width: calc(100%/3);
	}
	
	
	.row.collapse .col_xs_5 {
		width: calc(5*((100% - 11*0%)/12) + 4*0%);	
	}
	
	
	.row.collapse .col_xs_6 {
		width: calc(100%/2);
	}
	
	.row.collapse .col_xs_7 {
		width: calc(7*((100% - 11*0%)/12) + 6*0%);	
	}
	
	
	.row.collapse .col_xs_8 {
		width: calc(8*((100% - 11*0%)/12) + 7*0%);	
	}
	
	
	.row.collapse .col_xs_9 {
		width: calc(9*((100% - 11*0%)/12) + 8*0%);	
	}
	
	
	.row.collapse .col_xs_10 {
		width: calc(10*((100% - 11*0%)/12) + 9*0%);	
	}
	
	
	.row.collapse .col_xs_11 {
		width: calc(11*((100% - 11*0%)/12) + 10*0%);	
	}
	
	
	
	/***** masonry *****/	
	.masonry {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	
	/***** display_none *****/	
	.display_none_xs {
		display: none;
	}
}
/* einde @media (max-width: 425px) mobile small */

/********************************
105.c Default Screen (min-width: 426px)
********************************/

@media (min-width: 426px) {
	
	/***** column widths columns *****/		
	
	/***** column widths columns *****/	
	.col_d_1 {
		width: calc((100% - 11*2%)/12);
	}
	
	.row.square .col_d_1 {
		height: calc((100% - 11*2%)/12);
	}
	
	.col_d_2 {
		width: calc((100% - 5*2%)/6);
	}
	
	.row.square .col_d_2 {
		height: calc((100% - 5*2%)/6);
	}
	
	.col_d_3 {
		width: calc((100% - 3*2%)/4);
	}
	
	.row.square .col_d_3 {
		height: calc((100% - 3*2%)/4);
	}
	
	.col_d_4 {
		width: calc((100% - 2*2%)/3);
	}
	
	.row.square .col_d_4 {
		height: calc((100% - 2*2%)/3);
	}
	
	.col_d_5 {
		width: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.row.square .col_d_5 {
		height: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.col_d_6 {
		width: calc((100% - 1*2%)/2);	
	}
	
	.row.square .col_d_6 {
		/* height: calc((100% - 1*2%)/2); */
	}
	
	.col_d_7 {
		width: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.row.square .col_d_7 {
		height: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.col_d_8 {
		width: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.row.square .col_d_8 {
		height: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.col_d_9 {
		width: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.row.square .col_d_9 {
		height: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.col_d_10 {
		width: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.row.square .col_d_10 {
		height: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.col_d_11 {
		width: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.row.square .col_d_11 {
		height: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.col_d_12 {
		width: 100%;	
	}
	
	.row.square .col_d_12 {
		height: 100%;	
	}
	
	/***** column widths collapsed columns *****/		
	
	.row.collapse .col_d_1 {
		width: calc(100%/12);
	}
	
	.row.collapse .col_d_2 {
		width: calc(100%/6);
	}
	
	.row.collapse .col_d_3 {
		width: calc(100%/4);
	}
	
	
	.row.collapse .col_d_4 {
		width: calc(100%/3);
	}
	
	
	.row.collapse .col_d_5 {
		width: calc(5*((100% - 11*0%)/12) + 4*0%);	
	}
	
	
	.row.collapse .col_d_6 {
		width: calc(100%/2);
	}
	
	
	.row.collapse .col_d_7 {
		width: calc(7*((100% - 11*0%)/12) + 6*0%);	
	}
	
	
	.row.collapse .col_d_8 {
		width: calc(8*((100% - 11*0%)/12) + 7*0%);	
	}
	
	
	.row.collapse .col_d_9 {
		width: calc(9*((100% - 11*0%)/12) + 8*0%);	
	}
	
	
	.row.collapse .col_d_10 {
		width: calc(10*((100% - 11*0%)/12) + 9*0%);	
	}
	
	
	.row.collapse .col_d_11 {
		width: calc(11*((100% - 11*0%)/12) + 10*0%);	
	}
	/***** masonry *****/			
	.masonry {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
	
	/***** display none *****/	
	.display_none_d {
		display: none;
	}
	
}
/* end (min-width: 426px) default/fullscreen  */

/********************************
105.d Mobile Large Screen (min-width: 426px) and (max-width: 768px)
********************************/

@media (min-width: 426px) and (max-width: 768px) {
	/***** column widths columns *****/	
	.col_s_1 {
		width: calc((100% - 11*2%)/12);
	}
	
	.row.square .col_s_1 {
		height: calc((100% - 11*2%)/12);
	}
	
	.col_s_2 {
		width: calc((100% - 5*2%)/6);
	}
	
	.row.square .col_s_2 {
		height: calc((100% - 5*2%)/6);
	}
	
		
	.col_s_3 {
		width: calc((100% - 3*2%)/4);
	}
	
	.row.square .col_s_3 {
		height: calc((100% - 3*2%)/4);
	}
	
	.col_s_4 {
		width: calc((100% - 2*2%)/3);
	}
	
	.row.square .col_s_4 {
		height: calc((100% - 2*2%)/3);
	}
	
	.col_s_5 {
		width: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.row.square .col_s_5 {
		height: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.col_s_6 {
		width: calc((100% - 1*2%)/2);	
	}
	
	.row.square .col_s_6 {
		height: calc((100% - 1*2%)/2);	
	}
	
	.col_s_7 {
		width: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.row.square .col_s_7 {
		height: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.col_s_8 {
		width: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.row.square .col_s_8 {
		height: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.col_s_9 {
		width: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.row.square .col_s_9 {
		height: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.col_s_10 {
		width: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.row.square .col_s_10 {
		height: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.col_s_11 {
		width: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.row.square .col_s_11 {
		height: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.col_s_12 {
		width: 100%;	
	}
	
	.row.square .col_s_12 {
		height: 100%;	
	}
	
	/***** column widths collapsed columns *****/		
	
	.row.collapse .col_s_1 {
		width: calc(100%/12);
	}
	
	.row.collapse .col_s_2 {
		width: calc(100%/6);
	}
	
	.row.collapse .col_s_3 {
		width: calc(100%/4);
	}
	
	
	.row.collapse .col_s_4 {
		width: calc(100%/3);
	}
	
	
	.row.collapse .col_s_5 {
		width: calc(5*((100% - 11*0%)/12) + 4*0%);	
	}
	
	
	.row.collapse .col_s_6 {
		width: calc(100%/2);
	}
	
	.row.collapse .col_s_7 {
		width: calc(7*((100% - 11*0%)/12) + 6*0%);	
	}
	
	
	.row.collapse .col_s_8 {
		width: calc(8*((100% - 11*0%)/12) + 7*0%);	
	}
	
	
	.row.collapse .col_s_9 {
		width: calc(9*((100% - 11*0%)/12) + 8*0%);	
	}
	
	
	.row.collapse .col_s_10 {
		width: calc(10*((100% - 11*0%)/12) + 9*0%);	
	}
	
	
	.row.collapse .col_s_11 {
		width: calc(11*((100% - 11*0%)/12) + 10*0%);	
	}
	
	.row.collapse .col_s_12 {
		width: 100%;	
	}
	
	
	/***** masonry *****/	
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	
	
	/***** display none *****/	
	.display_none_s {
		display: none;
	}
	
	
}
/* end (min-width: 426px) and (max-width: 768px)/mobile large  */

/********************************
105.e Mid Small Screen (min-width: 769px) and (max-width: 1024px)
********************************/

@media (min-width: 769px) and (max-width: 1024px) {
	/***** column widths columns *****/	
	.col_ms_1 {
		width: calc((100% - 11*2%)/12);
	}
	
	.row.square .col_ms_1 {
		height: calc((100% - 11*2%)/12);
	}
	
	.col_ms_2 {
		width: calc((100% - 5*2%)/6);
	}
	
	.row.square .col_ms_2 {
		height: calc((100% - 5*2%)/6);
	}
	
	.col_ms_3 {
		width: calc((100% - 3*2%)/4);
	}
	
	.row.square .col_ms_3 {
		height: calc((100% - 3*2%)/4);
	}
	
	.col_ms_4 {
		width: calc((100% - 2*2%)/3);
	}
	
	.row.square .col_ms_4 {
		height: calc((100% - 2*2%)/3);
	}
	
	.col_ms_5 {
		width: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.row.square .col_ms_5 {
		height: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.col_ms_6 {
		width: calc((100% - 1*2%)/2);	
	}
	
	.row.square .col_ms_6 {
		height: calc((100% - 1*2%)/2);	
	}
	
	.col_ms_7 {
		width: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.row.square .col_ms_7 {
		height: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.col_ms_8 {
		width: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.row.square .col_ms_8 {
		height: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.col_ms_9 {
		width: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.row.square .col_ms_9 {
		height: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.col_ms_10 {
		width: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.row.square .col_ms_10 {
		height: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.col_ms_11 {
		width: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.row.square .col_ms_11 {
		height: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.col_ms_12 {
		width: 100%;	
	}
	

	
	
	.row.square .col_ms_12 {
		height: 100%;	
	}
	
	/***** column widths collapsed columns *****/		
	
	.row.collapse .col_ms_1 {
		width: calc(100%/12);
	}
	
	.row.collapse .col_ms_2 {
		width: calc(100%/6);
	}
	
	
	.row.collapse .col_ms_3 {
		width: calc(100%/4);
	}
	
	
	.row.collapse .col_ms_4 {
		width: calc(100%/3);
	}
	
	
	.row.collapse .col_ms_5 {
		width: calc(5*((100% - 11*0%)/12) + 4*0%);	
	}
	
	
	.row.collapse .col_ms_6 {
		width: calc(100%/2);
	}
	
	.row.collapse .col_ms_7 {
		width: calc(7*((100% - 11*0%)/12) + 6*0%);	
	}
	
	
	.row.collapse .col_ms_8 {
		width: calc(8*((100% - 11*0%)/12) + 7*0%);	
	}
	
	
	.row.collapse .col_ms_9 {
		width: calc(9*((100% - 11*0%)/12) + 8*0%);	
	}
	
	
	.row.collapse .col_ms_10 {
		width: calc(10*((100% - 11*0%)/12) + 9*0%);	
	}
	
	
	.row.collapse .col_ms_11 {
		width: calc(11*((100% - 11*0%)/12) + 10*0%);	
	}
	
		.row.collapse .col_ms_12 {
		width: 100%;
	}
	
	
	/***** masonry *****/	
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	
	/***** display none *****/	
	.display_none_ms {
		display: none;
	}
	
	
}
/* end @media (min-width: 769px) and (max-width: 1024px)/midscreen small  */

/********************************
105.f Mid Screen (min-width: 1025px) and (max-width: 1440px)
********************************/

@media (min-width: 1025px) and (max-width: 1440px) {
	/***** column widths columns *****/	
	.col_m_1 {
		width: calc((100% - 11*2%)/12);
	}
	
	.row.square .col_m_1 {
		height: calc((100% - 11*2%)/12);
	}
	
	.col_m_2 {
		width: calc((100% - 5*2%)/6);
	}
	
	.row.square .col_m_2 {
		height: calc((100% - 5*2%)/6);
	}
	
	.col_m_3 {
		width: calc((100% - 3*2%)/4);
	}
	
	.row.square .col_m_3 {
		height: calc((100% - 3*2%)/4);
	}
	
	.col_m_4 {
		width: calc((100% - 2*2%)/3);
	}
	
	.row.square .col_m_4 {
		height: calc((100% - 2*2%)/3);
	}
	
	.col_m_5 {
		width: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.row.square .col_m_5 {
		height: calc(5*((100% - 11*2%)/12) + 4*2%);	
	}
	
	.col_m_6 {
		width: calc((100% - 1*2%)/2);	
	}
	
	.row.square .col_m_6 {
		height: calc((100% - 1*2%)/2);	
	}
	
	.col_m_7 {
		width: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.row.square .col_m_7 {
		height: calc(7*((100% - 11*2%)/12) + 6*2%);	
	}
	
	.col_m_8 {
		width: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.row.square .col_m_8 {
		height: calc(8*((100% - 11*2%)/12) + 7*2%);	
	}
	
	.col_m_9 {
		width: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.row.square .col_m_9 {
		height: calc(9*((100% - 11*2%)/12) + 8*2%);	
	}
	
	.col_m_10 {
		width: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.row.square .col_m_10 {
		height: calc(10*((100% - 11*2%)/12) + 9*2%);	
	}
	
	.col_m_11 {
		width: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.row.square .col_m_11 {
		height: calc(11*((100% - 11*2%)/12) + 10*2%);	
	}
	
	.col_m_12 {
		width: 100%;	
	}
	
	.row.square .col_m_12 {
		height: 100%;	
	}
	
	/***** column widths collapsed columns *****/		
	
	.row.collapse .col_m_1 {
		width: calc(100%/12);
	}
	
	.row.collapse .col_m_2 {
		width: calc(100%/6);
	}
	
	.row.collapse .col_m_3 {
		width: calc(100%/4);
	}
	
	
	.row.collapse .col_m_4 {
		width: calc(100%/3);
	}
	
	
	.row.collapse .col_m_5 {
		width: calc(5*((100% - 11*0%)/12) + 4*0%);	
	}
	
	
	.row.collapse .col_m_6 {
		width: calc(100%/2);
	}
	
	.row.collapse .col_m_7 {
		width: calc(7*((100% - 11*0%)/12) + 6*0%);	
	}
	
	
	.row.collapse .col_m_8 {
		width: calc(8*((100% - 11*0%)/12) + 7*0%);	
	}
	
	
	.row.collapse .col_m_9 {
		width: calc(9*((100% - 11*0%)/12) + 8*0%);	
	}
	
	
	.row.collapse .col_m_10 {
		width: calc(10*((100% - 11*0%)/12) + 9*0%);	
	}
	
	
	.row.collapse .col_m_11 {
		width: calc(11*((100% - 11*0%)/12) + 10*0%);	
	}
	
	/***** masonry *****/	
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
	
	/***** display none *****/	
	.display_none_m {
		display: none;
	}
	
	
}
/* end @media (min-width: 1025px) and (max-width: 1440px)/midscreen */